<!DOCTYPE HTML>
<html>
<head>
    <title>我的合同</title>
    <% include common/meta.ejs %>
    <% include common/public.ejs %>
</head>
<body ontouchstart="">
<div class="weui_panel">
    <div class="weui_panel_hd">所有合同</div>
    <div class="weui_panel_bd">
        <% for(var i = 0;i < data.length;i++) { %>
        <div class="weui_media_box weui_media_text">
            <div class="weui_media_title"><strong><%= data[i].code %></strong>
                <a href="contractInfo?id=<%= data[i].id %>"
                   class="pull-right contract-img" style="font-size: 0.7rem;">详情...</a>
            </div>
            <div class="weui_media_desc">
                <p>开始日期：<%= data[i].startDate.substr(0,10) %>，结束日期：<%= data[i].endDate.substr(0,10) %></p>
                <p>租金：<%= data[i].rental %>，押金：<%= data[i].pledge %></p>
            </div>
            <ul class="weui_media_info">
                <li class="weui_media_info_meta">更新日期</li>
                <li class="weui_media_info_meta"><%= data[i].modifiedDate && data[i].modifiedDate.substr(0,10) %></li>
                <li class="weui_media_info_meta weui_media_info_meta_extra"><%= data[i].statusName %></li>
            </ul>
        </div>
        <% } %>
    </div>
</div>
<% if(!data.length) { %>
<div style="padding: 10px 20px;">暂无合同数据</div>
<% } %>
<% include common/footer.ejs %>
<script src="<%= global.config.mode %>/Swiper/3.3.1/js/swiper.jquery.<%= global.config.mode %>js"></script>
</body>
</html>